<template>
  <div></div>
<span>条件渲染</span>
  <div v-if="flag">v-if,惰性渲染，你能看见我吗</div>
  <div v-else>你不可以看见我</div><!--不需要接受值-->
<!--  <div v-else-if="true">最终你还是看见了我 </div>-->
  <div v-show="show">v-show只能判断自己本身</div>
</template>

<script>
export default {
  name: "IfDemo",
  data(){
    return{
      flag:false,
      show:true//v-show简单许多 ，始终会被渲染
    }
  }
}
</script>

<style scoped>

</style>
